<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>贸易系数</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css">
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type="text/javascript" src="../static/js/jquery-1.10.2.min.js"></script>
  <script type='text/javascript' src="../static/js/jquery.tips.js"></script>
  <script type="text/javascript" src="../static/js/bootstrap.min.js"></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type="text/javascript" src="../static/js/balance/costRatio.js"></script>
  <script type='text/javascript' src='../static/table/costRatioTable.js'></script>
</head>
<body>
 <div class="top">
	<h4 class="partTitle">当前位置: 费用结算<span class="comSpanTitle">></span>贸易系数</h4>
 </div>
  <div class="blue"></div>
  <div class="scrollBody">
	  	<form class="form-horizontal" id="costRatioSearch">
	  		<div class="partWhite paddingBottomTen" id="scrollHeight">
			<input id="balanceMonth" name="balanceMonth" hidden="hidden">
				<div class="partTable marginBottom2Ten">
					<div class="col-sm-1 control-label partConditionTitle">
						<span id="showYear" style="font-size:25px;"></span>
					</div>
					<div class="col-sm-11" id="monthList">
					</div>
				</div>
				</div>
				 <div class="partWhite paddingBottomTen">
				  <div class="partTable">
					 <div class="col-sm-12">
			      		<label for="balanceBillID" class="col-sm-1 control-label partConditionTitle">电力结算单:</label>
				        <div class="col-sm-5 partCondition" style="margin-right:10px">
				           <select id="BalanceBillID" name="BalanceBillID" class="form-control" onchange="changeBill(this.options.selectedIndex)">
			                  <option value="" selected="selected">请选择</option>
			                </select>
				        </div>
			            <label id="ChargingPrice" class="col-sm-5 control-label partConditionTitle" style="text-align:left;color:brown;"></label>
						<button class="btn btn-primary" id="create" type="button" onclick="createRatio()" style="float:right">
							生成预览
						</button>
						<button class="btn btn-primary" id="update" type="button" style="display:none;float:right" onclick="saveRatio()">
							保存
						</button>
				      </div>
			      </div>
		      </div>
		      <div class="partWhite paddingBottomTen">
				<div class="partTable">
					<div class="col-sm-12">
				 		<div  class="col-sm-2">
				 			<label>固定贸易系数结算</label>
				 		</div>
			      		<label for="fixedRatio" class="col-sm-1 control-label partConditionTitle fontGreen">固定系数:</label>
				        <div class="col-sm-2 partCondition" style="margin-right:10px">
				           <input maxlength="20" id="fixedRatio" name="fixedRatio" class="form-control" readonly>
				        </div>
					</div>
				</div>
			</div>
			
		</form>
		<div class="partWhite paddingBottomTen">
			<div class="partTable">
				<div class="col-sm-12">
			 		<div class="col-sm-2">
			 			<label>总贸易系数结算</label>
			 		</div>
		      		<label for="tradeKWHTotal" class="col-sm-1 control-label partConditionTitle fontGreen">总贸易电量:</label>
			        <div class="col-sm-2 partCondition">
			          <label id="tradeKWHTotal"></label>
			        </div>
			        <label for="chargingKWHTotal" class="col-sm-1 control-label partConditionTitle fontGreen">总充电量:</label>
			        <div class="col-sm-2 partCondition">
			          <label id="chargingKWHTotal"></label>
			        </div>
			        <label for="chargingStationRatioTotal" class="col-sm-1 control-label partConditionTitle fontGreen">总贸易系数:</label>
			        <div class="col-sm-2 partCondition">
			          <label id="chargingStationRatioTotal"></label>
			        </div>
		      	</div>
			</div>
		</div>
		<div class="partWhite">
			<div class="form-group">
				<h4 class="partTitle"><strong>单贸易系数结算</strong></h4>
			</div>
			<div class="partTable">
				<table class="table table-hover" id="costRatioTable">
					<thead id="costRatioThead">
					</thead>
					<tbody id="costRatioTbody">
					</tbody>
				</table>
				<table class="table scrollTable" id="costRatioTable1" hidden="hidden">
	   			</table>
   			</div>
		</div>
	</div>
</body>
</html>